<style scoped="scoped" lang="scss">
	.scrolltop{ background:#f4f4f4; margin-top:20px;
		&.s2{ 
			.vue-loop-scroll-box{height:200px;}
		}
	}
	
</style>
<template>
  <div id="app"> 
	 <div class="scrolltop">
	 	<vue-loop-scroll  direction="up" :speed="30" :index=0 :mouseStop="false">
			 <li v-for="(item,index) in list">{{item.title}}</li>
		</vue-loop-scroll>
	 </div>
	 <div class="scrolltop">
			<vue-loop-scroll direction="left" :speed="30" :index=1 :mouseStop="false">
				<li v-for="(item,index) in list">{{item.title}}</li>
			</vue-loop-scroll>
	 </div>
	 <div class="scrolltop s2">
	 		<vue-loop-scroll  direction="up" :speed="30" :index=2 :mouseStop="true">
				<li v-for="(item,index) in list">{{item.title}}</li>
			</vue-loop-scroll>
	 </div>
  </div>
</template>

<script>
 export default{
	  data(){
			return{
				list:[
					{title:'向上滚动 134***5610'},
					{title:'向上滚动 134***5612'},
					{title:'向上滚动 134***5613'},
					{title:'向上滚动 134***5614'},
					{title:'向上滚动 134***5615'},
					{title:'向上滚动 134***5616'},
					{title:'向上滚动 134***5617'},
					{title:'向上滚动 134***5618'},
					{title:'向上滚动 134***5619'},
					{title:'向上滚动 134***5615'},
				]
			}
		}
 }
</script>
<style lang="scss">

</style>
